<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}
			
			body {
				background-color: aliceblue;
			}
			
			p {
				text-indent: 20px;
				font-size: 15px;
			}
			
			h4 {
				font-weight: bold;
				font-size: 1.25em;
				font-family: "微软雅黑";
			}
			
			a {
				background-color: #f9f9f9;
				color: #333;
				text-decoration: none;
			}
			
			a[href^="http"] {
				background-color: #f0f0f0;
				color: #007bff;
			}
			
			a:hover {
				font-size: 18px;
			}
			
			table {
				border: 1px solid black;
				width: 50%;
				margin: 0 auto;
				background-image: url('bg.jpg');
			}
			
			img {
				width: 100%;
			}
		</style>
	</head>
	<body>
		<img src="logo.png" alt="">
		<nav>
			<ol>
                <p>目录（点击跳转对应章节）</p>
				<li><a href="#chapter1">第一章节</a></li>
				<li><a href="#chapter2">第二章节</a></li>
				<li><a href="#chapter3">第三章节</a></li>
                <p>.......</p>
			</ol>
		</nav>
		<br><br><br><br>
        <br><br><br><br>
        <br><br><br><br>
		<h4 id="chapter1">第一章节</h4>
		<p>第一段</p>
		<p>第二段</p>
		<p>第三段</p>
        <p>.......</p>
        <br><br><br><br>
        <br><br><br><br>
        <br><br><br><br>
		<h4 id="chapter2">第二章节</h4>
		<p>第一段</p>
		<p>第二段</p>
		<p>第三段</p>
        <p>.......</p>
        <br><br><br><br>
        <br><br><br><br>
        <br><br><br><br>
		<h4 id="chapter3">第三章节</h4>
		<p>第一段</p>
		<p>第二段</p>
		<p>第三段</p>
        <p>.......</p>
		<br><br><br><br>
        <br><br><br><br>
        <p>.......</p>

		<a href="B2css.html">第二个页面</a>
		<br><br><br>
		<a href="http://www.ahstu.edu.cn/" target="_blank" rel="noopener noreferrer">安徽科技学院</a>
		<br><br><br>
		<a href="http://www.baidu.com" target="_blank" rel="noopener noreferrer">百度</a>
		<br>
		
		<table border="1">
			<caption>计算机214班级 学生列表</caption>
			<tr>
				<th>姓名</th>
				<th>学号</th>
				<th>性别</th>
				<th>班级</th>
			</tr>
			<tr>
				<td>杨士博</td>
				<td>2904210228</td>
				<td>男</td>
				<td rowspan="3">计算机214班</td>
			</tr>
			<tr>
				<td>zhangsan</td>
				<td>1</td>
				<td>male</td>
			</tr>
			<tr>
				<td>zhangsan</td>
				<td>1</td>
				<td>male</td>
			</tr>
		</table>  
        <br><br><hr><hr>
        <footer>
            <p>辅导员：崔北坤</p>
            <p>版权所有：AAA</p>
            <p>作者信息：学生2904210228杨士博</p>
        </footer>
        <hr><hr>
	</body>
</html>
